<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>My Account</title>
    <meta name="robots" content="noindex, follow"/>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
    <!-- Minify Version -->
    <link rel="stylesheet" href="css/vendor.min.css">
    <link rel="stylesheet" href="css/plugins.min.css">

    <!-- Style CSS -->
    <link rel="stylesheet" href="css/style.min.css">
    <style type="text/css">
        .product-add-action ul li a {
            width: 35px;
            height: 35px;
            line-height: 39px;
            background-color: white;
        }
        .product-add-action ul li:hover a {
            color: white;
            background-color: #006fb7;
            line-height: 39px;
        }
        .product-add-action ul li:not(:last-child) {
            margin-right: 0px;
        }
        .section-space-y-axis-100 {
            padding-top: 30px;
            padding-bottom: 100px;
        }
        .nav-item {
            margin-bottom: 5px;
            width: 350px;
        }
        .myaccount-tab-trigger{
            width: 350px;
        }
        .col-lg-9 {
            -ms-flex: 0 0 auto;
            width: 65%;
            margin-left: 80px;
        }
        .myaccount-tab-trigger li a{
            background: #1EB9EE;
            border-color: #1EB9EE;
            color: #fff;
        }
        .myaccount-tab-trigger li a.active {
            background: #006fb7;
            border-color: #006fb7;
            color: #fff;
        }
        .login-form .inputError{
            border-color: red;
        }
        .btn-secondary{
            background-color:#006fb7 ;
            border-color: #006fb7;
        }
    </style>
</head>

<body>

<div class="main-wrapper">

    <!-- Begin Main Header Area -->
    <header class="main-header_area position-relative">
        <div class="header-top border-bottom d-none d-md-block">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-6">
                        <div class="header-top-left">
                            <ul class="dropdown-wrap text-matterhorn">
                                <li class="dropdown">
                                    <button class="btn btn-link dropdown-toggle ht-btn" type="button"
                                            id="languageButton" data-bs-toggle="dropdown" aria-expanded="false">
                                        English
                                    </button>
                                    <ul class="dropdown-menu" aria-labelledby="languageButton">
                                        <li><a class="dropdown-item" href="#">中文</a></li>
                                        <li><a class="dropdown-item" href="#">老挝</a></li>
                                    </ul>
                                </li>
                                <li>
                                    Call Us
                                    <a href="tel://3965410">3965410</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="header-top-right text-matterhorn">
                            <p class="shipping mb-0">Vientiance Capital 01000,Lao PDR</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-middle py-5">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-12">
                        <div class="header-middle-wrap">
                            <a href="index.html" class="header-logo">
                                <img src="img/logo.png" alt="Header Logo">
                            </a>
                            <div class="header-search-area d-none d-lg-block">
                                <form action="#" class="header-searchbox">
                                    <select class="nice-select select-search-category wide">
                                        <option value="all">All Category</option>
                                        <option value="product-item">Product Item</option>
                                        <option value="product-item-2">Product Item 02</option>
                                        <option value="product-item-3">Product Item 03</option>
                                        <option value="product-item-4">Product Item 04</option>
                                        <option value="product-item-5">Product Item 05</option>
                                    </select>
                                    <input class="input-field" type="text" placeholder="Search Products">
                                    <button class="btn btn-outline-whisper btn-primary-hover" type="submit"><i
                                            class="pe-7s-search"></i></button>
                                </form>
                            </div>
                            <div class="header-right">
                                <ul>
                                    <li class="dropdown d-none d-md-block">
                                        <button class="btn btn-link dropdown-toggle ht-btn p-0" type="button"
                                                id="settingButton" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="pe-7s-users"></i>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="settingButton">
                                            <li><a class="dropdown-item" href="my-account.html">My account</a></li>
                                            <li><a class="dropdown-item" href="login-register.html">Login | Register</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="d-none d-md-block">
                                        <a href="wishlist.html">
                                            <i class="pe-7s-like"></i>
                                        </a>
                                    </li>
                                    <li class="d-block d-lg-none">
                                        <a href="#searchBar" class="search-btn toolbar-btn">
                                            <i class="pe-7s-search"></i>
                                        </a>
                                    </li>
<!--                                    <li class="minicart-wrap me-3 me-lg-0">-->
<!--                                        <a href="#miniCart" class="minicart-btn toolbar-btn">-->
<!--                                            <i class="pe-7s-shopbag"></i>-->
<!--                                            <span class="quantity"></span>-->
<!--                                        </a>-->
<!--                                    </li>-->
                                    <li class="mobile-menu_wrap d-block d-lg-none">
                                        <a href="#mobileMenu" class="mobile-menu_btn toolbar-btn pl-0">
                                            <i class="pe-7s-menu"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-header header-sticky" data-bg-color="#1eb9ee">
            <div class="container">
                <div class="main-header_nav position-relative">
                    <div class="row align-items-center">
                        <div class="col-lg-12 d-none d-lg-block">
                            <div class="main-menu">
                                <nav class="main-nav">
                                    <ul>
                                        <li class="drop-holder">
                                            <a href="storeindex.html">HOME
                                            </a>
                                        </li>
                                        <li>
                                            <a href="ETL-SIM.html">ETL SIM</a>
                                        </li>
                                        <li class="megamenu-holder">
                                            <a href="category.html">SHOP
                                            </a>
                                        </li>
                                        <li class="drop-holder">
                                            <a href="popular-package.html">POPULAR PACKAGE
                                            </a>
                                        </li>
                                        <li class="drop-holder">
                                            <a href="ltgwc.html">CART
                                            </a>
                                        </li>
                                        <li class="drop-holder">
                                            <a href="my-account.html">MY ACCOUNT
                                                <i class="fa fa-chevron-down"></i>
                                            </a>
                                            <ul class="drop-menu">
                                                <li>
                                                    <a href="Orders-Tracking.html">Orders Tracking</a>
                                                </li>
                                                <li>
                                                    <a href="order.html">Oders</a>
                                                </li>
                                                <li>
                                                    <a href="feedback.html">Feedback</a>
                                                </li>
                                                <li>
                                                    <a href="Lost-password.html">Lost password</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="PRIVACY-POLICY.html">PRIVACY POLICY</a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--        小屏菜单 -->
        <div class="mobile-menu_wrapper" id="mobileMenu">
            <div class="offcanvas-body">
                <div class="inner-body">
                    <div class="offcanvas-top">
                        <a href="#" class="button-close"><i class="pe-7s-close"></i></a>
                    </div>
                    <div class="offcanvas-user-info text-center px-6 pb-5">
                        <div class=" text-silver">
                            <p class="shipping mb-0">Vientiance Capital 01000,Lao PDR</p>
                        </div>
                        <ul class="dropdown-wrap justify-content-center text-silver">
                            <li class="dropdown dropup">
                                <button class="btn btn-link dropdown-toggle ht-btn" type="button" id="languageButtonTwo"
                                        data-bs-toggle="dropdown" aria-expanded="false">
                                    English
                                </button>
                                <ul class="dropdown-menu" aria-labelledby="languageButtonTwo">
                                    <li><a class="dropdown-item" href="#">中文</a></li>
                                    <li><a class="dropdown-item" href="#">老挝</a></li>
                                </ul>
                            </li>
                            <li class="dropdown dropup">
                                <button class="btn btn-link dropdown-toggle ht-btn p-0" type="button"
                                        id="settingButtonTwo" data-bs-toggle="dropdown" aria-expanded="false">
                                    <i class="pe-7s-users"></i>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="settingButtonTwo">
                                    <li><a class="dropdown-item" href="my-account.html">My account</a></li>
                                    <li><a class="dropdown-item" href="login-register.html">Login | Register</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="wishlist.html">
                                    <i class="pe-7s-like"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="offcanvas-menu_area">
                        <nav class="offcanvas-navigation">
                            <ul class="mobile-menu">
                                <li class="menu-item-has-children">
                                    <a href="#">
                                            <span class="mm-text">HOME
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="about.html">
                                        <span class="mm-text">ETL SIM</span>
                                    </a>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="#">
                                            <span class="mm-text">SHOP
                                        </span>
                                    </a>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="#">
                                            <span class="mm-text">POPULAR PACKAGE
                                        </span>
                                    </a>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="#">
                                            <span class="mm-text">CART
                                        </span>
                                    </a>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="#">
                                            <span class="mm-text">MY ACCOUNT
                                                <i class="pe-7s-angle-down"></i>
                                        </span>
                                    </a>
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children">
                                            <a href="#">
                                                    <span class="mm-text">ORDERS TRACKING
                                                </span>
                                            </a>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#">
                                                    <span class="mm-text">ORDERS
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="contact.html">
                                        <span class="mm-text">PRIVACY POLICY</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <div class="offcanvas-search_wrapper" id="searchBar">
            <div class="offcanvas-body">
                <div class="container h-100">
                    <div class="offcanvas-search">
                        <div class="offcanvas-top">
                            <a href="#" class="button-close"><i class="pe-7s-close"></i></a>
                        </div>
                        <span class="searchbox-info">Start typing and press Enter to search</span>
                        <form action="#" class="hm-searchbox">
                            <input type="text" placeholder="Search">
                            <button class="search-btn" type="submit"><i class="pe-7s-search"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="global-overlay"></div>
    </header>
    <!-- Main Header Area End Here -->

    <!-- Begin Main Content Area -->

    <div class="container">
        <div class="col-lg-8" style="margin:20px auto">
            <div >
                <div class="login-form">
                    <h4 class="login-title">|设置密码</h4>
                    <div class="row">
                        <div class="col-md-12">
                            <label>密码</label>
                            <input type="password" id="enroll-password" class="verify-NoEmpty"
                                   placeholder="密码">
                        </div>
                        <div class="col-md-12">
                            <label>确认密码</label>
                            <input type="password" id="enroll-password2" class="verify-NoEmpty"
                                   placeholder="确认密码">
                        </div>
                        <div class="col-md-6">
                            <label>验证码</label>
                            <div class="Image-size"><img src="" id="setpswCode">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label>输入验证码</label>
                            <input type="text" id="enroll-capicha" class="verify-NoEmpty"
                                   placeholder="输入验证码">
                        </div>
                        <div class="col-12" style="margin-top: 10px;">
                            <button class="btn btn-custom-size lg-size btn-secondary btn-primary-hover rounded-0"
                                    onclick="enroll()">确定
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Main Content Area End Here -->

    <!-- Begin Footer Area -->
    <div class="footer-area">
        <div class="footer-bottom py-3" data-bg-color="#1EB9EE">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="copyright">
                            <span class="copyright-text text-white">Copyright &copy; 2023.LAO Asia Unicom All rights reserved.</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer Area End Here -->

    <!-- Begin Scroll To Top -->

    <a class="scroll-to-top" href="">
        <i class="fa fa-chevron-up"></i>
    </a>
    <!-- Scroll To Top End Here -->

</div>


<!-- Minify Version -->
<script src="layui/layui.js"></script>
<script src="js/vendor.min.js"></script>
<script src="js/plugins.min.js"></script>

<!--Main JS (Common Activation Codes)-->
<script src="js/main.min.js"></script>
<script src="js/config.js"></script>
<script src="js/token.js"></script>
</body>
<script>
    $(function () {
        $("#setpswCode").attr("src",HOST+"webapi/tool/captcha?type=setpsw&r="+Math.random());
    })
    // 设置密码
    function enroll() {
        var enroll_password=document.getElementById('enroll-password').value;
        var enroll_password2=document.getElementById('enroll-password2').value;
        var enroll_capicha=document.getElementById('enroll-capicha').value;
        if (enroll_password==""||enroll_password==null){
            document.getElementById("enroll-password").classList.add("inputError")
            return ;
        }else if (enroll_password2==""||enroll_password2==""){
            document.getElementById("enroll-password").classList.remove("inputError")
            document.getElementById("enroll-password2").classList.add("inputError")
            return;
        }else if (enroll_capicha==""||enroll_capicha==""){
            document.getElementById("enroll-password2").classList.remove("inputError")
            document.getElementById("enroll-capicha").classList.add("inputError")
            return;
        }
        $("#enroll-capicha").removeClass('inputError');
        var login_emila = GetQueryString("from");
        $.ajax({
            url:HOST+"webapi/userInfo/modifyPsw",
            type:"post",
            data:{"email":login_emila,"password":enroll_password,"code":enroll_capicha},
            success:function (res) {
                if(res.code==200){
                    layer.msg("密码设置成功", {time: 1000}); return;
                    location.replace("storeindex.html")
                }
            }
        })
    }
</script>
</html>